<template>
  <div class="cons extend">
      <!-- 左侧--start -->
    <div class="extension">
        <!-- 左侧推广标头 start-->
      <header class="storey-title">
      <div class="tui-guang">
        <a href="#">
       <svg class="icon-one" aria-hidden="true">
          <use xlink:href="#icon-tongzhi"></use>
       </svg>
       <span>推广</span>
     </a>
    </div>
    <div class="tui-guang-little">
      <a href="#">
       <svg class="icon-two" aria-hidden="true">
          <use xlink:href="#icon-huore"></use>
       </svg>
       <span>探秘高能动物园，发现奇妙新认知</span>
      </a>
    </div>
     <div class="tui-guang-little">
      <a href="#">
       <svg class="icon-two" aria-hidden="true">
          <use xlink:href="#icon-huore"></use>
       </svg>
       <span>知识夏日奖励争夺战！</span>
      </a>
    </div>
     <div class="tui-guang-little">
      <a href="#">
       <svg class="icon-two" aria-hidden="true">
          <use xlink:href="#icon-huore"></use>
       </svg>
       <span>120万，悬赏新星UP主!</span>
      </a>
    </div>

      </header>
        <!-- 左侧推广标头 end-->

        <!-- 左侧视频四个--start -->
      <div class="ext-box">
    <video-card v-bind:cardNews="cardNews"></video-card> 
       
      </div>
       <!-- 左侧视频四个 --end-->
    </div>
    <!-- 右侧观看列表--start -->
  
    <div class="bypb-window">
      <div class="watch-list">
       <a href="">
          <span>观看列表</span>
        </a>
      </div>

      <a href="">
        <img src="../../assets/images/Extend/right.jpeg" alt="">
      </a>
    </div>
    <!-- 右侧观看列表--end -->
  </div>
</template>
<script src="https://unpkg.com/axios/dist/axios.min.js"></script>
<script>

import {request} from '../../network/request/request'
import VideoCard from "../../components/Common/VideoCard/index.vue"
export default {
  name:"Extend",
  components:{
    VideoCard
  },
 data(){
   return{
     cardNews:[
        {title:'标题1：知识',imgUrl:require('../../assets/images/Extend/extend01.jpeg'),upName:''},
        {title:'标题2：啦啦啦',imgUrl:require('../../assets/images/Extend/extend02.png'),upName:'我是up主'},
        {title:'标题3：啦啦啦allalalallalalallalalalalla',imgUrl:require('@assets/images/Extend/extend03.jpeg'),upName:'我是up主'},
        {title:'标题4：啦啦啦',imgUrl:require('../../assets/images/Extend/extend04.jpeg'),upName:'我是up主'}
      ],
      news:''
  
   }
 },
 methods:{
       
 },
 mounted(){
//  axios({
//         url:'http://101.34.103.36:9050/ding',
//         }).then(res=>{
//           let tname=res.data.dance[5].tname;
//             console.log(res.data.dance[5].tname);//想办法把这个值弄出来，到页面中去
//         });
    
       request({
         url:'joke',
        }).then(res=>{
          console.log(res);  
        }).catch(err=>{
          console.log(err); 
        });
    }
};

</script>

<style scoped src="./index.css">

</style>

